﻿<!DOCTYPE html>
<html>
  <head>
    <title>hues灯泡设定</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/hues灯泡设定/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/hues灯泡设定/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u787" class="ax_default box_1">
        <div id="u787_div" class=""></div>
        <div id="u787_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u788" class="ax_default" data-left="527" data-top="759" data-width="374" data-height="50">

        <!-- Rectangle (矩形) -->
        <div id="u789" class="ax_default _形状" data-label="Rectangle">
          <div id="u789_div" class=""></div>
          <div id="u789_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u790" class="ax_default _形状" data-label="Rectangle">
          <img id="u790_img" class="img " src="images/事项-日历/rectangle_u304.svg"/>
          <div id="u790_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u791" class="ax_default _形状" data-label="Rectangle">
          <img id="u791_img" class="img " src="images/闹钟设定/rectangle_u53.svg"/>
          <div id="u791_text" class="text ">
            <p><span>事项</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u792" class="ax_default _形状" data-label="Rectangle">
          <img id="u792_img" class="img " src="images/hues灯泡设定/rectangle_u792.svg"/>
          <div id="u792_text" class="text ">
            <p><span>hues</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u793" class="ax_default _形状" data-label="Rectangle">
          <img id="u793_img" class="img " src="images/闹钟设定/rectangle_u55.svg"/>
          <div id="u793_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u794" class="ax_default" data-left="526" data-top="142" data-width="375" data-height="32">

        <!-- Unnamed (矩形) -->
        <div id="u795" class="ax_default _形状">
          <img id="u795_img" class="img " src="images/闹钟设定/u215.svg"/>
          <div id="u795_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u796" class="ax_default" data-left="533" data-top="154" data-width="46" data-height="7">

          <!-- Unnamed (矩形) -->
          <div id="u797" class="ax_default _形状">
            <img id="u797_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u797_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u798" class="ax_default _形状">
            <img id="u798_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u798_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u799" class="ax_default _形状">
            <img id="u799_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u799_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u800" class="ax_default _形状">
            <img id="u800_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u800_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u801" class="ax_default _形状">
            <img id="u801_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u801_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u802" class="ax_default" data-left="863" data-top="151" data-width="31" data-height="13">

          <!-- Unnamed (矩形) -->
          <div id="u803" class="ax_default _形状">
            <img id="u803_img" class="img " src="images/闹钟设定/u223.svg"/>
            <div id="u803_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u804" class="ax_default _形状">
            <img id="u804_img" class="img " src="images/闹钟设定/u224.svg"/>
            <div id="u804_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u805" class="ax_default _形状">
            <img id="u805_img" class="img " src="images/闹钟设定/u225.svg"/>
            <div id="u805_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u806" class="ax_default _文本段落" data-label="Header 2">
        <div id="u806_div" class=""></div>
        <div id="u806_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u807" class="ax_default _文本段落" data-label="Header 2">
        <div id="u807_div" class=""></div>
        <div id="u807_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u808" class="ax_default _文本段落" data-label="Header 2">
        <div id="u808_div" class=""></div>
        <div id="u808_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u809" class="ax_default box_1">
        <div id="u809_div" class=""></div>
        <div id="u809_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u810" class="ax_default" data-left="24" data-top="759" data-width="374" data-height="50">

        <!-- Rectangle (矩形) -->
        <div id="u811" class="ax_default _形状" data-label="Rectangle">
          <div id="u811_div" class=""></div>
          <div id="u811_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u812" class="ax_default _形状" data-label="Rectangle">
          <img id="u812_img" class="img " src="images/事项-日历/rectangle_u304.svg"/>
          <div id="u812_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u813" class="ax_default _形状" data-label="Rectangle">
          <img id="u813_img" class="img " src="images/闹钟设定/rectangle_u53.svg"/>
          <div id="u813_text" class="text ">
            <p><span>事项</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u814" class="ax_default _形状" data-label="Rectangle">
          <img id="u814_img" class="img " src="images/hues灯泡设定/rectangle_u792.svg"/>
          <div id="u814_text" class="text ">
            <p><span>hues</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u815" class="ax_default _形状" data-label="Rectangle">
          <img id="u815_img" class="img " src="images/闹钟设定/rectangle_u55.svg"/>
          <div id="u815_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u816" class="ax_default" data-left="23" data-top="142" data-width="375" data-height="32">

        <!-- Unnamed (矩形) -->
        <div id="u817" class="ax_default _形状">
          <img id="u817_img" class="img " src="images/闹钟设定/u215.svg"/>
          <div id="u817_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u818" class="ax_default" data-left="30" data-top="154" data-width="46" data-height="7">

          <!-- Unnamed (矩形) -->
          <div id="u819" class="ax_default _形状">
            <img id="u819_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u819_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u820" class="ax_default _形状">
            <img id="u820_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u820_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u821" class="ax_default _形状">
            <img id="u821_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u821_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u822" class="ax_default _形状">
            <img id="u822_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u822_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u823" class="ax_default _形状">
            <img id="u823_img" class="img " src="images/闹钟设定/u217.svg"/>
            <div id="u823_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u824" class="ax_default" data-left="360" data-top="151" data-width="31" data-height="13">

          <!-- Unnamed (矩形) -->
          <div id="u825" class="ax_default _形状">
            <img id="u825_img" class="img " src="images/闹钟设定/u223.svg"/>
            <div id="u825_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u826" class="ax_default _形状">
            <img id="u826_img" class="img " src="images/闹钟设定/u224.svg"/>
            <div id="u826_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u827" class="ax_default _形状">
            <img id="u827_img" class="img " src="images/闹钟设定/u225.svg"/>
            <div id="u827_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u828" class="ax_default _文本段落" data-label="Header 2">
        <div id="u828_div" class=""></div>
        <div id="u828_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u829" class="ax_default _文本段落" data-label="Header 2">
        <div id="u829_div" class=""></div>
        <div id="u829_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u830" class="ax_default _文本段落" data-label="Header 2">
        <div id="u830_div" class=""></div>
        <div id="u830_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u831" class="ax_default ellipse">
        <img id="u831_img" class="img " src="images/hues灯泡设定/u831.svg"/>
        <div id="u831_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u832" class="ax_default _形状">
        <img id="u832_img" class="img " src="images/hues灯泡设定/u832.svg"/>
        <div id="u832_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u833" class="ax_default ellipse">
        <img id="u833_img" class="img " src="images/hues灯泡设定/u833.svg"/>
        <div id="u833_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u834" class="ax_default _文本段落">
        <div id="u834_div" class=""></div>
        <div id="u834_text" class="text ">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u835" class="ax_default _文本段落">
        <div id="u835_div" class=""></div>
        <div id="u835_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u836" class="ax_default _文本段落">
        <div id="u836_div" class=""></div>
        <div id="u836_text" class="text ">
          <p><span>100</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u837" class="ax_default" data-left="615" data-top="538" data-width="264" data-height="24">

        <!-- Unnamed (线段) -->
        <div id="u838" class="ax_default _水平线">
          <img id="u838_img" class="img " src="images/hues灯泡设定/u838.svg"/>
          <div id="u838_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u839" class="ax_default _水平线">
          <img id="u839_img" class="img " src="images/hues灯泡设定/u839.svg"/>
          <div id="u839_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u840" class="ax_default _形状" data-label="Rectangle">
          <div id="u840_div" class=""></div>
          <div id="u840_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u841" class="ax_default _文本段落">
        <div id="u841_div" class=""></div>
        <div id="u841_text" class="text ">
          <p><span>颜色调节</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u842" class="ax_default box_1">
        <img id="u842_img" class="img " src="images/hues灯泡设定/u842.svg"/>
        <div id="u842_text" class="text ">
          <p><span>1.开启连接hues灯泡后，点击底部导航栏hues进入hues灯泡设定界面</span></p><p><span><br></span></p><p><span>2.在【设置】开启连接hues灯泡才开启此功能</span></p><p><span><br></span></p><p><span>3.调节灯泡的亮度，拖动半圆进度条，由左到右依次变亮，界面中间的灯泡对应反馈变亮变暗</span></p><p><span><br></span></p><p><span>4.调节灯泡的颜色，显示三个维度的调节，分别是色相、饱和度、灰度，通过拖动进度条设定颜色，灯泡对应产生颜色变化</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u843" class="ax_default _文本段落">
        <div id="u843_div" class=""></div>
        <div id="u843_text" class="text ">
          <p><span>色相</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u844" class="ax_default" data-left="615" data-top="591" data-width="264" data-height="24">

        <!-- Unnamed (线段) -->
        <div id="u845" class="ax_default _水平线">
          <img id="u845_img" class="img " src="images/hues灯泡设定/u838.svg"/>
          <div id="u845_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u846" class="ax_default _水平线">
          <img id="u846_img" class="img " src="images/hues灯泡设定/u839.svg"/>
          <div id="u846_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u847" class="ax_default _形状" data-label="Rectangle">
          <div id="u847_div" class=""></div>
          <div id="u847_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u848" class="ax_default _文本段落">
        <div id="u848_div" class=""></div>
        <div id="u848_text" class="text ">
          <p><span>饱和度</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u849" class="ax_default" data-left="615" data-top="646" data-width="264" data-height="24">

        <!-- Unnamed (线段) -->
        <div id="u850" class="ax_default _水平线">
          <img id="u850_img" class="img " src="images/hues灯泡设定/u838.svg"/>
          <div id="u850_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u851" class="ax_default _水平线">
          <img id="u851_img" class="img " src="images/hues灯泡设定/u839.svg"/>
          <div id="u851_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u852" class="ax_default _形状" data-label="Rectangle">
          <div id="u852_div" class=""></div>
          <div id="u852_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u853" class="ax_default _文本段落">
        <div id="u853_div" class=""></div>
        <div id="u853_text" class="text ">
          <p><span>灰度</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u854" class="ax_default" data-left="79" data-top="344" data-width="270" data-height="176">

        <!-- Rectangle (矩形) -->
        <div id="u855" class="ax_default _形状" data-label="Rectangle">
          <div id="u855_div" class=""></div>
          <div id="u855_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u856" class="ax_default _水平线">
          <img id="u856_img" class="img " src="images/hues灯泡设定/u856.svg"/>
          <div id="u856_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u857" class="ax_default _垂直线">
          <img id="u857_img" class="img " src="images/hues灯泡设定/u857.svg"/>
          <div id="u857_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u858" class="ax_default _文本段落">
        <div id="u858_div" class=""></div>
        <div id="u858_text" class="text ">
          <p><span>提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u859" class="ax_default _文本段落">
        <div id="u859_div" class=""></div>
        <div id="u859_text" class="text ">
          <p><span>请先在【设置】中开启</span></p><p><span>连接hues灯泡</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u860" class="ax_default _文本段落" data-label="paragraph">
        <div id="u860_div" class=""></div>
        <div id="u860_text" class="text ">
          <p><span>去设置</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u861" class="ax_default _文本段落" data-label="paragraph">
        <div id="u861_div" class=""></div>
        <div id="u861_text" class="text ">
          <p><span>不了</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u862" class="ax_default box_1">
        <img id="u862_img" class="img " src="images/hues灯泡设定/u862.svg"/>
        <div id="u862_text" class="text ">
          <p><span>1.点击底部导航栏hues，若用户没有开启hues灯泡连接，弹出提示窗口，提醒用户先开启连接</span></p><p><span><br></span></p><p><span>2.点击“去设置”，跳转到【设置】中hues灯泡，点击“不了”返回闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u863" class="ax_default _文本段落">
        <div id="u863_div" class=""></div>
        <div id="u863_text" class="text ">
          <p><span>hues灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u864" class="ax_default _文本段落">
        <div id="u864_div" class=""></div>
        <div id="u864_text" class="text ">
          <p><span>hues灯泡设定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u865" class="ax_default _文本段落">
        <div id="u865_div" class=""></div>
        <div id="u865_text" class="text ">
          <p><span>hues灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u866" class="ax_default _文本段落">
        <div id="u866_div" class=""></div>
        <div id="u866_text" class="text ">
          <p><span>hues灯泡设定</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u867" class="ax_default icon">
        <img id="u867_img" class="img " src="images/hues灯泡设定/u867.svg"/>
        <div id="u867_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
